
// uni-page-body相当于page
page{
	height: 100%;
}
// .user-order1{
// 	height: 100%;
// 	overflow: hidden;
// }
.user-order10{
	height: 100%;
	overflow: hidden;
}

.od-line2{
	line-height: 80upx;
	border-top: 2upx solid $bg01;
	display: flex;
	background-color: #FFFFFF;
	font-size: 26upx;
	color: $color6;
	
	.item{
		flex: 1;
		text-align: center;
		position: relative;
	}
	.line2-active{
		font-size: 30upx;
		color: $bg02;
		&:after{
			content: '';
			position: absolute;
			bottom: 16upx;
			width: 40upx;
			height: 4upx;
			border-radius: 2upx;
			background-color: $bg02;
		}
	}
	.line3-active{
		font-size: 30upx;
		color: $bg02;
		&:after{
			content: '';
			position: absolute;
			bottom: 16upx;
			left: 50%;
			transform: translateX(-50%);
			width: 40upx;
			height: 4upx;
			border-radius: 2upx;
			background-color: $bg02;
		}
	}
}

/* #ifndef APP-PLUS */
	.ud-swiper{
		width: 100%;
		height: calc(100% - 90upx);
		background-color: $bg01;
	}
/* #endif */
/* #ifdef APP-PLUS */
	.ud-swiper{
		width: 100%;
		height: calc(100% - 250upx);
		overflow: hidden;
		// height: 800upx;
		// background-color: $bg01;
	}
/* #endif */
// .ud-swiper{
// 	height: 100%;
// 	overflow: hidden;
// 	border: 1px solid red;
// }

.od-line3{
	width: 95%;
	// height: 410upx;
	margin: 0 auto;
	margin-top: 20upx;
	background-color: #fff;
	border-radius: 10upx;
	// padding: 0 10upx;
	.order-detail-line1{
		padding: 0 10upx;
		font-size: 30upx;
		color: $color9;
		// font-family: Din;
		border-bottom: 2upx solid $bg01;
		line-height: 70upx !important;
	}
	.content-line1{
		padding: 0 15upx;
		line-height: 90upx;
		.order-icon{
			width: 54upx;
			height: 54upx;
			margin-right: 10upx;
		}
		.iconfont{
			margin-left: 20upx;
			font-size: 24upx;
			color: #999;
		}
		.enterShop{
			color: #999999;
			font-size: 32upx;
			margin-left: 0upx;
		}
		.line1-text2{
			color: $color3;
		}
		
		.order-status{
			color: $bg02;
			font-size: 28upx;
			float: right;
		}
		.order-status-detail{
			margin-top: 30upx;
		}
	}
	
	.content-line2{
		padding: 0 15upx;
		display: flex;
		.line1-text1{
			flex: 3;
			image{
				width: 174upx;
				height: 174upx;
				border-radius: 10upx;
			}
		}
		.line1-text2{
			flex: 7;
			color: $color3;
			.content-title{
				padding-right: 110upx;
				padding-left: 20upx;
				// border: 1px solid blue;
			}
			.price{
				// border: 1px solid red;
				text-align: right;
				font-family: Din;
			}
			.order-number{
				// margin-left: 20upx;
				font-size: 22upx;
				// padding-left: 20upx;
				color: $color9;
				margin-top:35upx;
			}
		}
		.line1-text3{
			margin-top: 60upx;
			font-family: Din;
			flex: 2;
			// text-align: right;
			color: $color3;
			text{
				color: $color6;
			}
		}
		
	}
	.content-line3{
		// border: 1px solid blue;
		// padding: 0 15upx;
		padding-right: 15upx;
		margin-left: 10upx;
		height: 80upx;
		line-height: 80upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.item{
			.item-box{
				font-size: 24upx;
			}
			.item-box1{
				font-size: 30upx;
				color: #ff557d;
				margin-left: 30upx;
			}
		}
		.line3-l{
			flex: 2;
			line-height: 100upx;
			text-align: center;
			color: $color3;
			.button3{
				
				// display: inline-block;
			}
			.font30{
				margin-left: 20upx;
				font-family: Din;
				color: $bg02;
			}
		}
		.line3-r{
			flex: 3;
			text-align: right;
			color: $color3;
			.padding13{
				padding: 0 20upx;
				color: $color6;
			}
			.money{
				font-family: Din;
			}
		}
		
		}
		.content-line4{
			// height: 100upx;
			line-height: 100upx;
			display: flex;
			// align-items: center;
			justify-content: flex-end;
			// border: 1px solid red;
			padding-top: 10upx;
			&>view:last-child{
				margin-left: 20upx;
				margin-right: 15upx;
			}
			.operatebtn{
				width: 130upx;
				height: 50upx;
				font-size: 30upx;
				border-radius: 15upx;
				display: flex;
				align-items: center;
				justify-content: center;
				border: 2upx solid $bg02;
				color: $bg02;
				margin-bottom: 30upx;
			}
			.operatebtn1{
				width: 150upx;
				height: 50upx;
				font-size: 30upx;
				border-radius: 15upx;
				display: flex;
				align-items: center;
				justify-content: center;
				border: 2upx solid $bg02;
				color: $bg02;
				marign-bottom: 30upx;
			}
			// button{ 
			// 	padding: 0 30upx;
			// 	height: 60upx;
			// 	line-height: 60upx;
			// 	font-size: 30upx;
			// 	color: #999;
			// 	background-color: #fff;
			// 	margin: 0;
			// }
			// .bt9{
			// 	border: 2upx solid #999;
			// 	margin-left: 40upx;
			// }
			// .bt2{
			// 	width: 130upx;
			// 	height: 50upx;
			// 	border-radius: 15upx;
			// 	color: $bg02;
			// 	border: 2upx solid $bg02;
			// 	font-size: 30upx;
			// }
		}
}

// .scrollStyle{
// 		height: calc(100% - 10upx);
// 		border: 1px solid #000000;
// 		// height: 1000upx;
// }
/* #ifndef APP-PLUS */
	.scrollStyle{
		height: calc(100% - 10upx);
		// border: 1px solid #000000;
	}
/* #endif */
/* #ifdef APP-PLUS */
	.scrollStyle{
		height: calc(100% - 170upx);
		// border: 1px solid #000000;
	}
/* #endif */

// 订单详情界面的样式
.address{
	width: 95%;
	margin: 24upx auto;
	// height: 180upx;
	background-color: #FFFFFF;
	border-radius: 10upx;
	overflow: hidden;
	padding: 10upx 10upx;
	position: relative;
	.address-column1{
		text-align: center;
		float: left;
		width: 100upx;
		// line-height: 150upx;
		image{
			// margin-top: -10upx;
			width: 44upx;
			height: 58upx;
		}
	}
	.address-column2{
		float: left;
		width: 560upx;
		.column2-t{
			text:first-child{
				color: $color3;
				font-size: 28upx;
			}
			text:last-child{
				margin-left: 18upx;
				color: $color9;
				font-size: 24upx;
			}
		}
		.column2-b{
			color: $color3;
			font-size: 28upx;
			}
		
	}
	.button3{
		position: absolute;
		top:22upx;
		right: 20upx;
		height: 34upx;
		line-height: 34upx;
		font-size: 24upx;
	}
}

// 
.detail-line3{
	width: 95%;
	// height: 180upx;
	background-color: #FFFFFF;
	border-radius: 10upx;
	margin: 0 auto;
	padding: 16upx 0;
	.line3-item{
		line-height: 60upx;
		display: flex;
		text-align: center;
		font-size: 26upx;
		.item-l{
			flex: 2;
			font-size: 26upx;
			color: $color6;
		}
		.item-r{
			flex: 3;
			font-size: 24upx;
			color: $color9;
		}
	}
}
.dt-button{
	margin-top: 70upx;
	text-align: center;
	height: 120upx;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: #FFFFFF;
	view{
		flex: 1;
	}
	.thm{
		// padding: 0upx 10upx;
		display: inline-block;
		width: 280upx;
		height: 90upx;
		line-height: 90upx;
		border-radius: 10upx;
		text-align: center;
		background-color: $bg02;
		color: #fff;
		font-size: 36upx;
	}
	.tssj{
		display: inline-block;
		width: 280upx;
		height: 90upx;
		line-height: 90upx;
		border-radius: 10upx;
		text-align: center;
		background-color: $bg01;
		color: $bg02;
		font-size: 36upx;
		border: 2upx solid $bg02;
	}
}